﻿<!DOCTYPE html>
<html>
<head>
    <title> new document </title>
    <link href="~/css/main.css" rel="stylesheet" />
    <link href="~/css/reset.css" rel="stylesheet" />
    <meta charset="utf-8">
    <link href="~/css/hw_index.css" rel="stylesheet" />
    <link rel="icon" href="~/img/hw.ico">
    <script src="~/js/hw_index.js"></script>
    <style>
        * {
            margin: 0px;
            padding: 0px;
        }

        #top_box ul li a {
            text-decoration: none;
            font-weight: bold;
        }

        #banner ul {
            background-color: #333333;
        }

            #banner ul li {
                text-align: center;
                height: 66px;
                line-height: 70px;
            }

                #banner ul li a {
                    font-size: 16px;
                    color: #fff;
                    font-weight: 500;
                    text-decoration: none;
                }

                    #banner ul li a:hover, #nav_items li a:hover, #top_box ul li a:hover, #settle_up a:hover, .button:hover {
                        color: orange;
                    }

        .banner-slideshow ul {
            background-color: #e8e6e6;
            height: 200px;
        }

            .banner-slideshow ul li {
                width: 400px;
                height: 150px;
                float: left;
                margin: 0px 13px;
                margin-top: 25px;
            }

                .banner-slideshow ul li img {
                    width: 400px;
                    height: 150px;
                }
    </style>
</head>
<body style="background:url(/img/背景.jpg)  no-repeat fixed center;background-size:100%;">
<!-- 页面顶部 -->
<!-- 顶部容器 ：width:100% -->
<header id="top">
    <!-- 内容显示区域 ：width : 1211px -->
    <div id="top_box">
        <ul class="lf">
            <li>欢迎来到丁丁图书商城</li>
        </ul>
        <ul class="rt">
            @if (Session["username"] == null)
            {
            <li><a href="/Login/Login">登录</a></li>
            <li><a href="/Login/Register">注册</a></li>
            }
            else
            {
                if ((int)Session["usertype"] == 1)
                {
                    <li><a href="/Info/Info">欢迎您： @Session["username"]</a></li>
                }
                else{
                    <li><a href="/Admin/Home">欢迎您： @Session["username"]</a></li>
                }
                <li><a href="/Login/Login">重新登录</a></li>
            }
            <li><a href="/Info/Info">用户中心</a></li>
            <li><a href="/Order/Order">我的订单</a></li>
            <li><a href="/Cart/Cart">我的购物车</a></li>
        </ul>
    </div>
</header>
<!-- logo 和 搜索框 -->
<div id="top_main">
    @*<div class="lf  top_main_left">
        
        <img src="~/img/image/logo.png" alt="" />
    </div>*@
     <div class="search_bar clearfix">
        <a href="/Home/Index" class="logo fl">
            
            <img src="~/images/logo.png"></a>
        <div class="search_con fl">
            <form method="post" action="/List/List">
                <input type="text" name="sou" class="input_text fl" id="txtSearch"style="background:none;" name=""  placeholder="搜索商品" />
                <input type="submit" value="搜索" class="input_btn fr" />
            </form>
        </div>
        <div class="guest_cart fr">
            <a href="/Cart/Cart" class="cart_name fl">我的购物车</a>
            
        </div>
    </div>
    </div>
    <div class="lf search_box">


       @* <div class="search">
            <form method="post" action="/List/List">
                <input type="text" name="sou" class="text" id="txtSearch" />
                <input type="submit" value="搜索" class="button" />
            </form>
    </div>
    <div class="lf" id="my_hw">我的商城</div>
    <div class="lf" id="settle_up"><a href="/Cart/Cart" style="text-decoration:none;">我的购物车</a></div>
    <div class="lf" id="weixin">
       
    </div>*@
</div><!--top_main-->

<!-- 导航 -->
<nav id="nav">
    <div id="category">
        <a href="#">全部商品</a>
    </div>
    <ul id="nav_items" class="lf">
        <li><a href="#">首页</a></li>
        <li><a href="#">图书</a></li>
        <li><a href="#">电子书</a></li>
        <li><a href="#">课堂教案</a><s></s></li>
        <li><a href="#">网络文学</a></li>
        <li><a href="#">科学探索</a></li>
        <li><a href="#">精彩页面</a></li>
    </ul>
</nav>
<!-- banner 广告 -->
<div id="banner">
    <ul id="cate_box" class="lf">
        <li>
            <h3><a href="#model01">科学类</a></h3>
           
        </li>
        <li>
            <h3><a href="#model02">艺术类</a></h3>
            
        </li>
        <li>
            <h3><a href="#model03">历史类</a></h3>
           
        </li>
        <li>
            <h3><a href="#model04">地质类</a></h3>
            
        </li>
        <li>
            <h3><a href="#model05">小说类</a></h3>
           
        </li>
        <li>
            <h3><a href="#model06">文学类</a></h3>
            
        </li>
    </ul>
    <!--图片轮播 -->
    <form>
        <div class="slider">
            <img id="slider_img" class="img_slider" src="~/img/image/lunbo1.PNG" alt=""/>
        </div>
    </form>

</div>
<div class="hr-2"></div>
<!-- 网页主体 -->
<section id="main">
    <div style="font-size:20px;color:green;font-weight:800;padding-bottom:20px;border-bottom:3px solid green;">新书上架</div>
    <div class="layout">
        <div class="fl u-4-3 lf">
            <ul>
                <li class="channel-pro-item" style="background-color:white;">
                    <!--<i class="p-tag"><img src="img/new_ping.png" style="padding-left: 0" alt=""/></i>-->
                    <div class="p-img">
                        <a href="/Detail/Detail/69">
                        <img src="~/img/001.PNG" alt=""/>
                            </a>
                    </div>
                    <div class="p-name lf"><a href="/Detail/Detail/69">故宫日历2019年</a></div>
                    <div class="p-shining">
                        <div class="p-slogan">丁丁网专售</div>
                        <div class="p-promotions">5月6日10:08 火爆开售</div>
                    </div>
                    <div class="p-price">
                        <em>¥</em>
                        <span>60.00</span>
                    </div>
                    <div class="p-button lf">
                        <a href="/Detail/Detail/69">立即抢购</a>
                    </div>
                </li>
                <li class="channel-pro-item" style="background-color:#E2F9FB"><!--荣耀畅玩5C-->
                    <!--<i class="p-tag"><img src="img/new_ping02.png" alt=""/></i>-->
                    <div class="p-img">
                        <a href="/Detail/Detail/72">
                        <img src="~/img/002.PNG" alt=""/></a>
                    </div>
                    <div class="p-name lf"><a href="/Detail/Detail/72">屏蔽的天空</a></div>
                    <div class="p-shining">
                        <div class="p-slogan">兰登书屋、《时代周刊》百大英语小说</div>
                        <div class="p-promotions">5月10日10:08震撼开售</div>
                    </div>
                    <div class="p-price">
                        <em>¥</em>
                        <span>120.00</span>
                    </div>
                    <div class="p-button lf">
                        <a href="/Detail/Detail/72">立即抢购</a>
                   </div>
                </li>
                <div class="hr-2"></div>
                <li class="channel-pro-item" style="background-color:#FFFCE7"><!--荣耀畅玩5C-->
                    <!--<i class="p-tag"><img src="img/hot_but.png" alt=""/></i>-->
                    <div class="p-img">
                        <a href="/Detail/Detail/68">
                        <img src="~/img/005.PNG" alt=""/></a>
                    </div>
                    <div class="p-name lf"><a href="/Detail/Detail/68">复乐园</a></div>
                    <div class="p-shining">
                        <div class="p-slogan">渡边淳一代表作《失乐园》暖心续篇 爱情是治疗衰老的良药</div>
                        <div class="p-promotions">正版授权</div>
                    </div>
                    <div class="p-price">
                        <em>¥</em>
                        <span>120.00</span>
                    </div>
                    <div class="p-button lf">
                        <a href="/Detail/Detail/68">立即抢购</a>
                    </div>
                </li>
                <li class="channel-pro-item" style="background-color:#FFECEF"><!--荣耀畅玩5C-->
                    <!--<i class="p-tag"><img src="img/hot_but.png" alt=""/></i>-->
                    <div class="p-img">
                        <a href="/Detail/Detail/70">
                        <img src="~/img/006.PNG" alt=""/></a>
                    </div>
                    <div class="p-name lf"><a href="/Detail/Detail/70">鱼翅与花椒</a></div>
                    <div class="p-shining">
                        <div class="p-slogan">这里是中国，一个奇妙的饮食大国。 这是关于中国菜的故事，也是一个英国女孩的中国历险记。</div>
                        <div class="p-promotions">5月4日至8日 每天10:08/20:00准点开售</div>
                    </div>
                    <div class="p-price">
                        <em>¥</em>
                        <span>120.00</span>
                    </div>
                    <div class="p-button lf">
                        <a href="/Detail/Detail/70">立即抢购</a>
                    </div>
                </li>
            </ul>
        </div><!-- u-4-3结束-->
        <div class="lf fr u-4-1">
            <div class="channel-sale">
               
                <img src="~/img/abca.png.jpg" alt=""/>
            </div>
            <div class="hr-2"></div>
            <ul class="h-tab">
                <li class="current" id="tab-notice" style="width:278px;">
                    <a href="#">公告</a>
                </li>
           @*     <li id="tab-news" class="">
                    <a href="#">评测 </a>
                </li>*@
                <div class="b">
                    <ul id="tab-notice-content" style="display:block; width:555px;">
                        <li>
                            <a href="#">积分支付上线了，直接当钱用！</a>
                        </li>
                        <li>
                            <a href="#">丁丁读书器，海量电子书随时读！</a>
                        </li>
                        <li>
                            <a href="#">话费卡兑换丁丁礼品卡！</a>
                        </li>
                        <li>
                            <a href="#">网销礼品卡教师中秋传情义！</a>
                        </li>
                        <li>
                            <a href="#">关于假冒客服诈骗的声明！</a>
                        </li>
                    </ul>
                </div>
            </ul>
        </div>
        <div class="hr-2"></div>
        <div class="banner">
            <img class="rt" src="~/img/333.PNG" alt=""/>
            <div class="hr-2"></div>
        </div>
    </div><!--layout HUAWEI P9 Plus结束-->
</section>
<div class="hr-2"></div>
<div id="banner_img">
        <div class="banner-slideshow">
            <img src="~/images/guanggao.png" width="100%" alt=""/>
        </div>
    </div>

<div class="hr-2"></div>
<div class="list_model">
		<div class="list_title clearfix">
			<h3 class="fl" id="model01">科学类</h3>
			<a href="/List/List/?type=1" class="goods_more fr" id="fruit_more">查看更多 ></a>
		</div>

		<div class="goods_con clearfix">
			<div class="goods_banner fl"><img src="~/images/logo/2.jpg"></div>
			<ul class="goods_list fl">
                @foreach (var a in ViewBag.books1)
                {
                <li>
					<h4><a href="/Detail/Detail/@a.ID">@a.bookname</a></h4>
					<a href="/Detail/Detail/@a.ID"><img src="~/img/@a.Pic"></a>
					<div class="prize">¥ @a.Price.00</div>
				</li>
                }
			</ul>
		</div>
	</div>
    <div class="hr-2"></div>
<div class="list_model">
		<div class="list_title clearfix">
			<h3 class="fl" id="model02">艺术类</h3>
			<a href="/List/List/?type=2" class="goods_more fr">查看更多 ></a>
		</div>

		<div class="goods_con clearfix">
			<div class="goods_banner fl"><img src="~/images/logo/1.jpg"></div>
			<ul class="goods_list fl">
                @foreach (var a in ViewBag.books2)
                {
                <li>
					<h4><a href="/Detail/Detail/@a.ID">@a.bookname</a></h4>
					<a href="/Detail/Detail/@a.ID"><img src="~/img/@a.Pic"></a>
					<div class="prize">¥ @a.Price.00</div>
				</li>
                }
			</ul>
		</div>
	</div>
        <div class="hr-2"></div>
<div class="list_model">
		<div class="list_title clearfix">
			<h3 class="fl" id="model03">历史类</h3>
			<a href="/List/List/?type=3" class="goods_more fr">查看更多 ></a>
		</div>

		<div class="goods_con clearfix">
			<div class="goods_banner fl"><img src="~/images/logo/5.jpg"></div>
			<ul class="goods_list fl">
				@foreach (var a in ViewBag.books3)
    {
                <li>
					<h4><a href="/Detail/Detail/@a.ID">@a.bookname</a></h4>
					<a href="/Detail/Detail/@a.ID"><img src="~/img/@a.Pic"></a>
					<div class="prize">¥ @a.Price.00</div>
				</li>
    }
			</ul>
		</div>
	</div>
            <div class="hr-2"></div>
<div class="list_model">
		<div class="list_title clearfix">
			<h3 class="fl" id="model04">地质类</h3>
			<a href="/List/List/?type=4" class="goods_more fr">查看更多 ></a>
		</div>

		<div class="goods_con clearfix">
			<div class="goods_banner fl"><img src="~/images/logo/7.png"></div>
			<ul class="goods_list fl">
				@foreach (var a in ViewBag.books4)
    {
                <li>
					<h4><a href="/Detail/Detail/@a.ID">@a.bookname</a></h4>
					<a href="/Detail/Detail/@a.ID"><img src="~/img/@a.Pic"></a>
					<div class="prize">¥ @a.Price.00</div>
				</li>
    }
			</ul>
		</div>
	</div>
                <div class="hr-2"></div>
<div class="list_model">
		<div class="list_title clearfix">
			<h3 class="fl" id="model05">小说类</h3>
			<a href="/List/List/?type=5" class="goods_more fr">查看更多 ></a>
		</div>

		<div class="goods_con clearfix">
			<div class="goods_banner fl"><img src="~/images/logo/6.jpg"></div>
			<ul class="goods_list fl">
                @foreach (var a in ViewBag.books5)
                {
                <li>
					<h4><a href="/Detail/Detail/@a.ID">@a.bookname</a></h4>
					<a href="/Detail/Detail/@a.ID"><img src="~/img/@a.Pic"></a>
					<div class="prize">¥ @a.Price.00</div>
				</li>
                }
			</ul>
		</div>
	</div>
                    <div class="hr-2"></div>
<div class="list_model">
		<div class="list_title clearfix">
			<h3 class="fl" id="model06">文学类</h3>
			<a href="/List/List/?type=6" class="goods_more fr">查看更多 ></a>
		</div>

		<div class="goods_con clearfix">
			<div class="goods_banner fl"><img src="~/images/logo/4.jpg"></div>
			<ul class="goods_list fl">
                @foreach (var a in ViewBag.books6)
                {
                <li>
					<h4><a href="/Detail/Detail/@a.ID">@a.bookname</a></h4>
					<a href="/Detail/Detail/@a.ID"><img src="~/img/@a.Pic"></a>
					<div class="prize">¥ @a.Price.00</div>
				</li>
                }
			</ul>
		</div>
	</div>
   
   <div class="hr-2"></div>
       <div id="banner_img">
        <div class="banner-slideshow">
            <ul>
                <li><img src="~/images/logo/12628549_160844703000_2.jpg" /></li>
                <li><img src="~/images/logo/tooopen_sy_192237047546.jpg" /></li>
                <li><img src="~/images/logo/23474843_104729579035_2.jpg" /></li>
            </ul>
            </div>
        </div>
 
   <div class="hr-2"></div>
     <div class="hr-40"></div>
     
     <div class="service">
         <dl class="s1">
             <dt>帮助中心</dt>
             <dd>
                 <ol>
                     <li><a href="">购物指南</a></li>
                     <li><a href="">配送方式</a></li>
                     <li><a href="">购物指南</a></li>
                     <li><a href="">购物指南</a></li>
                 </ol>
             </dd>
         </dl>
        <dl class="s2">
            <dt>
                售后服务
                <dd>
                    <ol>
                        <li><a href="">保修政策</a></li>
                        <li><a href="">退换货政策</a></li>
                        <li><a href="">退换货流程</a></li>
                        <li><a href="">保修状态查询</a></li>
                    </ol>
                </dd>
            </dt>
        </dl>
         <dl class="s2">
             <dt>
                 技术支持
             <dd>
                 <ol>
                     <li><a href="">售后网点</a></li>
                     <li><a href="">预约维修</a></li>
                     <li><a href="">手机寄修服务</a></li>
                     <li><a href="">软件下载</a></li>
                 </ol>
             </dd>
             </dt>
         </dl><dl class="s2">
         <dt>
             <i></i>
             关于商城
         <dd>
             <ol>
                 <li><a href="">公司介绍</a></li>
                 <li><a href="">华为商城简介</a></li>
                 <li><a href="">联系客服</a></li>
             </ol>
         </dd>
         </dt>
     </dl>
         </dl><dl class="s2">
         <dt>
             <i></i>
             关注我们
         <dd>
             <ol>
                 <li><a href="">新浪微博</a></li>
                 <li><a href="">腾讯微博</a></li>
                 <li><a href="">花粉社区</a></li>
                 <li><a href="">商城手机版</a></li>
             </ol>
         </dd>
         </dt>
     </dl>

     </div>
<footer id="foot_box">
    <div class="footer-otherLink">
        <p style="text-align:left; text-align: center">
            友情链接 | 华为官网 | 华为消费者业务 | 荣耀官网 | 花粉俱乐部 | 莫塞尔商城 | 爱旅官网 | 华为应用市场 | 万表网 | 手机之家 | 中商情报网 | 钻石小鸟 | 刷机精灵 | 安卓市场 | 优购物官网 | 移动叔叔 | 奥特莱斯 |

        </p>
        <p style="text-align:left;text-align: center"">
            中关村商城 | 酷狗音乐 | 华为商城手机版 | 手机世界 | 百信手机网 | 一呼百应网 | 卡宝宝网 | 多特软件下载 | 嗨淘网 | 同步助手 | 蜂鸟摄影网 | 奇珀论坛 | 家具商城 | 世界名表 | 拍鞋网商城 | 欧宝丽珠宝 | 寻购网 |
        </p>
        <p style="text-align:left; text-align: center"">
            九块邮官网 | 安卓游戏 | 阿里巴巴生意经 | 手机大全 | 安卓软件园 | 卓大师刷机 | 智机论坛 | 电子产品世界 | 历趣网 | 网购返利 | 中国供应商 | Apple110 | 91.手机门户网 | 添翼圈社区 | 易购官网 | 美乐乐家具网 |
        </p>
        <p style="text-align:left; text-align: center"">
            智能电视网 | 快递查询 | 亿智蘑菇手机网 | UC浏览器 | 以旧换新 | 华为P9 | 携程租车 | 安卓市场 | 申请链接 >>
        </p>
    </div>
    
    <div class="footer-warrant-area">
        <p style="text-align:left; text-align: center">
            隐私政策 服务协议 Copyright © 2012-2016 VMALL.COM 版权所有 保留一切权利
        </p>
        <p style="text-align:left; text-align: center">
            <img src="img/20160226162651249.png" alt=""/>
            苏公网安备 32011402010009号 | 苏ICP备09062682号-9 | 增值电信业务经营许可证：苏B2-20130048 | 网络文化经营许可证：苏网文[2012]0401-019号
        </p>
        <p style="text-align:left; text-align: center" class="footer-img">
            <img src="img/20160226162415360.png" alt=""/>
            <img src="img/20160226162521265.png" alt=""/>
            <img src="img/20160226162531395.png" alt=""/>
        </p>
    </div>
</footer>
        <script src="js/jquery-1.11.3.js"></script>
        <script src="js/bootstrap.js"></script>

</body>
</html>
